<?xml version="1.0" encoding="UTF-8" ?>
<!doctype html>
<html lang="en">
<head>
    <link href="js/common/plugins/jui/extends/portlet/jquery.portlet.min.css?v=1.1.2" type="text/css" rel="stylesheet"/>
    <link href="js/common/plugins/qtip/jquery.qtip.css?v=1.1.2" type="text/css" rel="stylesheet"/>
    <style type="text/css">
        .template {
            display: none;
        }

        .version {
            margin-left: 0.5em;
            margin-right: 0.5em;
        }

        .trace {
            margin-right: 0.5em;
        }

        .center {
            width: 1200px;
            margin-left: auto;
            margin-right: auto;
        }
    </style>
    <script src="js/common/jquery-1.8.3.js" type="text/javascript"></script>
    <script type="text/javascript" src="editor-app/libs/angular_1.2.13/angular.min.js"></script>
    <script src="js/common/plugins/jui/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
    <script src="js/common/plugins/jui/extends/portlet/jquery.portlet.pack.js?v=1.1.2" type="text/javascript"></script>
    <script src="js/common/plugins/qtip/jquery.qtip.pack.js" type="text/javascript"></script>
    <script src="js/common/plugins/html/jquery.outerhtml.js" type="text/javascript"></script>
    <script src="js/module/activiti/workflow.js" type="text/javascript"></script>
    <script src="js/module/main/welcome-portlet.js" type="text/javascript"></script>
</head>
<body style="margin-top: 1em;" ng-app="app" ng-controller="welcomeController" ng-init="init()">
<div class="center">
    <div style="text-align: center;">
        <h3>欢迎访问Activiti Demo，专为优秀的BPMN2.0规范的轻量级工作流引擎Activiti服务</h3>
    </div>
    <div id='portlet-container'></div>
</div>
<!-- 隐藏 -->
<div class="forms template">
    <ul>
        <li>
            <b>普通表单</b>：每个节点的表单内容都写死在JSP或者HTML中。
        </li>
        <li>
            <b>动态表单</b>：表单内容存放在流程定义文件中（包含在启动事件以及每个用户任务中）。
        </li>
        <li>
            <b>外置表单</b>：每个用户任务对应一个单独的<b>.form</b>文件，和流程定义文件同时部署（打包为zip/bar文件）。
        </li>
        <li>
            <b>综合流程</b>：可以查询到所有的流程（普通、动态、外置固定查询某些流程的表单，为了演示所以单独分开）；综合流程的目的
            在于可以启动用户上传或者设计后部署的流程定义。
        </li>
    </ul>
</div>
<div id="multiInstance" class="template">
    在填写<strong>会签参与人</strong>字段时使用用户的ID作为值，例如：<code>kafeitu,admin</code>表示两个用户，即两个任务实例被创建。
</div>
<div class="project-info template">
    <ul>
        <li><a target="_blank" href='https://github.com/henryyan/kft-activiti-demo'>kft-activiti-demo</a>为Activiti初学者快速入门所设计。
        </li>
        <li>源代码托管Github：<a target="_blank" href='https://github.com/henryyan/kft-activiti-demo'>https://github.com/henryyan/kft-activiti-demo</a>
        </li>
    </ul>
</div>

<div class="arch template">
    <ul>
        <li>Activiti版本：{{springbootVersion}}</li>
        <li>Spring版本：{{activitiVersion}}</li>
        <li>使用<a href="http://maven.apache.org" target="_blank">Maven</a>管理依赖</li>
    </ul>
</div>

<div class="demos template">
    <ul>
        <li>部署流程</li>
        <li>启动流程</li>
        <li>任务签收</li>
        <li>任务办理</li>
        <li>驳回请求</li>
        <li>查询运行中流程</li>
        <li>查询历史流程</li>
        <li>任务监听</li>
        <li>自定义表单</li>
        <li>动态表单</li>
        <li>外置表单</li>
        <li>个人待办任务汇总</li>
        <li>分页查询</li>
        <li>流程定义缓存</li>
        <li>集成Activiti Modeler[5.17+](<font color='red'>New</font>)</li>
        <li>引擎参数(<font color='red'>New</font>)</li>
        <li>引擎数据库查看(<font color='red'>New</font>)</li>
        <li>引擎内置用户与组(<font color='red'>New</font>)</li>
        <li>定时作业管理(启动timerExample流程)(<font color='red'>New</font>)</li>
    </ul>
</div>

<div class="links template">
    <p>
        <b><span style="color: red">《Activiti实战》</span></b>：<a target="_blank"
                                                               href="http://www.kafeitu.me/activiti-in-action.html">http://www.kafeitu.me/activiti-in-action.html</a>
    </p>
    <p>
        <b>Demo<span style="color: red">源码</span>：</b><a target="_blank"
                                                         href="https://github.com/henryyan/kft-activiti-demo">https://github.com/henryyan/kft-activiti-demo</a>
    </p>
    <p>
        <b>Activiti<span style="color: red">资料</span>：</b><a target="_blank"
                                                             href="http://www.kafeitu.me/categories.html#activiti-ref">http://www.kafeitu.me/categories.html#activiti-ref</a>
    </p>
    <p>
        <b>Activiti<span style="color: red">中文论坛</span>：</b><a target="_blank" href="http://www.activiti-cn.org">http://www.activiti-cn.org</a>
    </p>
</div>


<div class="rest template">
    <p>在web.xml中映射了两个两个Servlet</p>
    <dl>
        <dt>ModelRestServlet</dt>
        <dd>
            <p>针对Activiti Modeler的Rest接口，映射路径：/service/*</p>
        </dd>
        <dt>RestServlet</dt>
        <dd>
            <p>官方提供的完整Rest接口</p>
            <p>访问路径：http://localhost/yourappname用户手册提供的Rest地</p>
            <p>映射路径：/rest/*</p>
        </dd>
    </dl>
</div>
</body>
</html>

<script type="text/javascript">
    var app = angular.module('app', []);
    app.controller('welcomeController', function ($scope) {
        debugger
        $scope.init = function () {
            $scope.springbootVersion = "1.5.9.RELEASE";
            $scope.activitiVersion = "5.22";
        };
    });
</script>
